Vue.component("footer_layout", {
    template: `
      <div>
      <div>关于我们</div>
      作者相关群聊：
      <div v-for="item in group" :key="item.name">
        {{ item.name }}<a :href="item.url" target="_blank"><img :alt="item.name"
                                                                :title="item.name"
                                                                src="//pub.idqqimg.com/wpa/images/group.png"></a>
      </div>
      <div>
        作者其他作品：
        <div v-for="v in works" :key="v.label">
          <button><a :href="v.url" target="_blank">{{ v.label }}</a></button>
          开源地址：<a :href="v.openSourceUrl" target="_blank">{{ v.openSourceLabel }}</a>
        </div>
        <div> 作者b站：
          <button><a href="https://space.bilibili.com/473239155">传送门地址</a></button>
        </div>
      </div>
      </div>`,
    data() {
        return {
            group: [
                {
                    name: "桐子酱的油猴脚本官方群",
                    url: "//qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=zD3QMvs1ssNugrHekhe16Y1p6ofNtFaA&authKey=FpgEzNW82mhUYUa74jcb8Y2dVkSd4Qh%2FgxflxdUBJ9VohHQlM26PxZ0Fl6E6qfnq&noverify=0&group_code=876295632"
                },
            ],
            works: [
                {
                    label: "b站屏蔽增强器油猴脚本",
                    url: "https://greasyfork.org/zh-CN/scripts/461382",
                    openSourceUrl: "https://gitee.com/hangexi/BiBiBSPUserVideoMonkeyScript",
                    openSourceLabel: "gitee"
                },
                {
                    label: "b站频道生成器",
                    url: "https://greasyfork.org/zh-CN/scripts/481719",
                    openSourceUrl: "https://gitee.com/hangexi/bilibili-channel-viewer",
                    openSourceLabel: "gitee"
                }
            ]
        }
    }
})